<html>
<style type="text/css">
.logo {
	float: left;
}

h1 {
	float: left;
	width: auto;
	padding: 40px;
	font-family: "Century Gothic";
	font-size: 36px;
	color: #38425D;
}
form {
	height: 300px;
	width: 500px;
	margin-left: 190px;
}
label {
	font-family: "Century Gothic";
	font-size: 24px;
	color: #38425D;
	padding: 5px;
	width: 200px;
	float: left;
	clear: left;
}
.field {
	font-family: "Century Gothic";
	font-size: 24px;
	color: #666;
	padding: 5px;
	margin-left: 10px;
	width: 290px;
}
.saddle_image {
	height: 300px;
	width: 300px;
	margin-left: 100px;
	clear: left;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
body {
	background-image: url(../../images/wood.jpg);
	background-repeat: no-repeat;
}
</style>
<body>
<table width="70%" border="1" style="background-color:#FFF">
  <tr>
    <td><img src="../../images/logo.png" width="350" height="169" class="logo"><h1>Purchase Confirmation</h1></td>
  </tr>
  <tr>
    <td>
    <form name="form1" method="post" action="">
    <label>Saddle</label><input name="saddle_name" type="text" class="field" value="Saddle name"><br />
    <label>Price</label><input name="saddle_cost" type="text" class="field" value="£000.00"><br />
    
    <img src="../../images/saddles/18_1.jpg" width="500" height="500" class="saddle_image">
    </form>
    </td>
  </tr>
  <tr>
    <td style="background-color:#003">&nbsp;</td>
  </tr>
</table>




</body></html>